.file_tabs {
    border-bottom: 1px solid var(--vscode-editor-background);
    @apply flex-none flex items-center cursor-pointer select-none flex-nowrap overflow-x-auto overflow-y-hidden h-fit;
}
.file_tab {
    border-top: 1px solid transparent;
    box-sizing: border-box;
    @apply flex justify-between text-xs items-center px-2 py-1
        cursor-pointer;
    [data-icon] {
        @apply text-xs mx-1;
    }
    img {
        @apply h-4 w-4 mx-1;
    }
    &[data-selected="true"] {
        background-color: var(--vscode-editor-lineHighlightBackground);
        border-color: var(--vscode-notificationsWarningIcon-foreground, red);
    }
    &:hover {
        background-color: var(--vscode-editor-lineHighlightBackground);
        border-color: var(--vscode-notificationsWarningIcon-foreground, red);
    }
}
